<!DOCTYPE html>
<html>
	<head>
		<!-- 中文编码，utf-8，国际标准
				GBK
				GB2312
				如果使用的编码不支持中文，则会出乱码
				文件编码和html解析编码不一致
		 -->
		<meta charset="utf-8" /> <!--html解析编码-->
		<title>这是标题，也是head标签唯一可以看到的</title>
	</head>
	<body>
		你好，同学们
		<br>
		<aaa>个人开发的</aaa>
		<h1>我喜欢搞事情</h1>
		<h2>我喜欢搞事情</h2>
		<h3>我喜欢搞事情</h3>
		<h4>我喜欢搞事情</h4>
		<h5>我喜欢搞事情</h5>
		<h6>我喜欢搞事情</h6>
		<p>这是段落一</p>
		<p>这是段落二</p>
		这是段落三<br>
		这是段落四
		<strong>加粗的文字</strong>
		<i><strong>加粗的文字</strong></i>
		<del>被删除的文字</del>
		<div style="background-color: red;">
			第一个div，块级元素，宽度占满浏览器
		</div>
		<div>
			第二个div
		</div>
		<span>第一个span，内联元素，宽度由内容决定</span>
		<span>第二个span</span>
		<!-- <img src="图像路径" />
			绝对路径
				是以电脑硬盘为根据
				完事url地址：
			相对路径
				是相对什么来说的？相对使用的html文件路径
		-->
		<!-- <img src="file:///C:\\Users\\86185\\Pictures\\1.jpg" /> -->
		<!-- <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1892929955,444948565&fm=26&gp=0.jpg" /> -->
		相对路径
		<img src="1.jpg" />
		<img src="img/2.jpg" title="指定的提示内容" width="100" />
		<img src="img/2.jpg" title="指定的提示内容" height="100" border="10" />
		<img title="指定的提示内容" src="img/2.jpg" width="100" height="100" />
		<!-- 在html中title是通用属性，即所有标签都拥有属性
			id、title、class、style，必须知道
			
			img
				width：宽度，如果只修改一个，则同比缩放
				height：宽度，如果只修改一个，则同比缩放
		 -->
		<img src="img/2.jpg1" alt="这是一张不存在图片" />
		
		<a href="html/a.html">去到a页面</a>
	</body>
</html>